<template>
<div>
  <div class="form-horizontal form-group">
    <label for="picker1" class="col-sm-3 control-label">
      date picker:
    </label>
    <div class="col-sm-3" style="width: 175px;">
      <vue-datetime-picker
        language="zh-CN" date-format="YYYY-MM-DD" type="date" :model.sync="dateVal">
      </vue-datetime-picker>
    </div>
  </div>
</div>
</template>

<script>
export default {
  props: {
    dateVal: {
      required: true,
      twoWay: true
    }
  },
  components: {
    'vue-datetime-picker': require('vue-datetime-picker/src/vue-datetime-picker.js')
  }
}
</script>

<style lang="less">
@import '../../vendors/datetime-picker/less/bootstrap-datetimepicker-4.17.37.less';
// @import 'https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css';
@import '../../vendors/datetime-picker/less/font-awesome-4.4.0.less';
</style>